<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index_head.css">
    <link rel="stylesheet" href="css/index_body.css">
    <link rel="stylesheet" href="css/index_foot.css">
    <link rel="stylesheet" href="css/index_foot.css">
    <script src="./js/index_recommend.js"></script>
    <!-- <script src="./js/j.js"></script> -->
</head>
<body>
    <!-- 顶部 -->
    <div id="top">
        <div class="top con clearfix">
            <ul class="top_nav fr clearfix">
                <li>
                    <a href="html/login.html">你好，请登录</a>
                    <a href="html/register.html">免费注册</a>
                </li>
                <li>|</li>
                <li><a href="#">我的订单</a></li>
                <li>|</li>
                <li><a href="#">我的京东</a></li>
                <li>|</li>
                <li><a href="#">京东会员</a></li>
                <li>|</li>
                <li><a href="#">企业采购</a></li>
                <li>|</li>
                <li><a href="#">客户服务</a></li>
                <li>|</li>
                <li><a href="#">网站导航</a></li>
                <li>|</li>
                <li><a href="#">手机京东</a></li>
                <li>|</li>
                <li><a href="#">网站无障碍</a></li>
            </ul>
        </div>
    </div>

    <!-- 头部header -->
    <div class="header">
        <div class="con hd clearfix">
            <div class="logo fl">
                <a href="index.html"><img src="" alt=""></a>
                <h3>京东买小米，真是个傻子</h3>
            </div>
            <div class="search fl">
                <input type="search" name="" id="">
                <input type="button" value="niaho">
            </div>
            <div class="setup">
                <a href="a.html">
                    <span></span>
                    <i></i>
                    <span>我的购物车</span>
                </a>
            </div>
            <div class="mobile fl">
                <img src="./images/dc4cf353fd96922e.png.webp" alt="">
            </div>
            <div class="hotwords clearfix">
                <ul>
                    <li><a href="#">空调超品日</a></li>
                    <li><a href="#">配件换新</a></li>
                    <li><a href="#">京东京造</a></li>
                    <li><a href="#">大牌空调</a></li>
                    <li><a href="#">每100-50</a></li>
                    <li><a href="#">品质家具</a></li>
                    <li><a href="#">品质好房</a></li>
                </ul>
            </div>
            <div class="navitems clearfix">
                <ul>
                    <li><a href="#">秒杀</a></li>
                    <li><a href="#">优惠劵</a></li>
                    <li><a href="#">PLUS会员</a></li>
                    <li><a href="#">品牌闪购</a></li>
                    <li><a href="#">拍卖</a></li>
                    <li><a href="#">京东家电</a></li>
                    <li><a href="#">京东超市</a></li>
                    <li><a href="#">京东生鲜</a></li>
                    <li><a href="#">京东国际</a></li>
                    <li><a href="#">京东云</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 导航栏部分 -->
    <div class="banner">
        <div class="bnr con clearfix">
            <div class="col1">
                <ul>
                    <li><a href="#">家用电器</a></li>
                    <li><a href="#">手机</a></li>
                    <li><a href="#">电脑</a></li>
                    <li><a href="#">家居</a></li>
                    <li><a href="#">男装</a></li>
                    <li><a href="#">美妆</a></li>
                    <li><a href="#">女鞋</a></li>
                    <li><a href="#">男鞋</a></li>
                    <li><a href="#">房产</a></li>
                    <li><a href="#">母婴</a></li>
                    <li><a href="#">食品</a></li>
                    <li><a href="#">艺术</a></li>
                    <li><a href="#">医药保健</a></li>
                    <li><a href="#">图书</a></li>
                    <li><a href="#">机票</a></li>
                    <li><a href="#">理财</a></li>
                    <li><a href="#">安装</a></li>
                    <li><a href="#">工业品</a></li>
                </ul>
            </div>

            <div class="col2">
                <ul>
                    <li><a href=""><img src="" alt=""></a></li>
                    <li><a href=""><img src="" alt=""></a></li>
                    <li><a href=""><img src="" alt=""></a></li>
                </ul>
                <a href="#" class="left_btn"><</a>
                <a href="#" class="rigth_btn">></a>
                <ol>
                    <li><a href="">1</a></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                </ol>
            </div>

            <div class="col3">
                <ul>
                    <li><a href=""><img src="" alt=""></a></li>
                    <li><a href=""><img src="" alt=""></a></li>
                    <li><a href=""><img src="" alt=""></a></li>
                    <a href="#" class="l_btn"></a>
                    <a href="#" class="r_btn"></a>
                </ul>
            </div>

            <div class="col4">
                <div class="top_b">
                    <a href=""><img src="" alt=""></a>
                    <span>Hi, </span>
                    <a href=""><i>用户信息</i></a>
                </div>
            </div>
        </div>
    </div>

    <!-- 京东秒杀 -->
    <div class="j_seckill">
        <div class="seckill con clearfix">
            <div class="seckill_count">
                <a href="">
                    <div class="skll_tit">京东秒杀</div>
                    <div>
                        <b>20:00</b>  场点 距结束
                    </div>
                    <div>
                        <span>00</span><i>:</i><span>00</span><i>:</i><span>00</span>
                    </div>
                </a>
            </div>

            <div class="seckll">
                <ul class="seckill_lists">
                    <li>
                        <a href="#">
                            <img src="./images/1530c34cc54826c4.jpg.webp" alt="">
                            <span>11111111111111111111111111111111111111111</span>
                            <b><em>￥</em><i>12.22</i></b>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/1530c34cc54826c4.jpg.webp" alt="">
                            <span>11111111111</span>
                            <b><em>￥</em><i>12.22</i></b>
                        </a>
                    </li> <li>
                        <a href="#">
                            <img src="./images/1530c34cc54826c4.jpg.webp" alt="">
                            <span>11111111111</span>
                            <b><em>￥</em><i>12.22</i></b>
                        </a>
                    </li> <li>
                        <a href="#">
                            <img src="./images/1530c34cc54826c4.jpg.webp" alt="">
                            <span>11111111111</span>
                            <b><em>￥</em><i>12.22</i></b>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="seckrr">
                <ul class="seckill_brand">
                    <li>
                        <a href="">
                            <img src="./images/0e7b871f1adff799.jpg!cc_100x100.webp" alt="">
                            <span>青山不改绿水长存  </span>
                            <span>多久多久，应是绿肥红瘦</span>
                            <b>品牌秒杀 ></b>
                            <ol>
                                <li></li>
                                <li></li>
                            </ol>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 每日特价和品牌闪购部分 -->
    <div class="j_core">
        <div class="core con clearfix">

            <!-- 每日特价 -->
            <div class="special clearfix">
                <div class="sp_hd">
                    <a href="">
                        <h3>每日特价</h3>
                        <span class="rd">></span>
                    </a>
                    <ul>
                        <li><a href="">精选</a></li>
                        <li><a href="">美食</a></li>
                        <li><a href="">百货</a></li>
                        <li><a href="">个护</a></li>
                        <li><a href="">预告</a></li>
                    </ul>
                </div>
                <div class="sp_bd">
                    <div class="sp_items">
                        <ul>
                            <li>
                                <a href="">
                                    <span>315天最低价</span>
                                    <img class="whi" src="./images/4ace79eafcac855c.jpg!cc_290x370.webp" alt="">
                                    <p>白酒杯套装 80壶+青莲</p>
                                    <p><i>￥</i><em>13.1</em></p>
                                    <span>已抢<i>103</i>件</span>
                                </a>
                            </li>

                            <li>
                                <a href="">
                                    <div>
                                        <img src="./images/3d878650991f3fe5.jpg.webp" alt="">
                                        <p>1年最低价</p>
                                    </div>
                                    <div>
                                        <p class="rd1">梅花葱丝器厨房切葱丝切葱花</p>
                                        <p><i>￥</i><span>29.90</span></p>
                                        <p><span>已抢<i>111</i></span>件</p>
                                    </div>
                                </a>
                            </li>
                            
                            <li>
                                <a href="">
                                    <div>
                                        <img src="./images/3d878650991f3fe5.jpg.webp" alt="">
                                        <p>1年最低价</p>
                                    </div>
                                    <div>
                                        <p class="rd1">梅花葱丝器厨房切葱丝切葱花</p>
                                        <p><i>￥</i><span>29.90</span></p>
                                        <p><span>已抢<i>111</i></span>件</p>
                                    </div>
                                </a>
                            </li>

                            <li>
                                <a href="">
                                    <div>
                                        <img src="./images/3d878650991f3fe5.jpg.webp" alt="">
                                        <p>1年最低价</p>
                                    </div>
                                    <div>
                                        <p class="rd1">梅花葱丝器厨房切葱丝切葱花</p>
                                        <p><i>￥</i><span>29.90</span></p>
                                        <p><span>已抢<i>111</i></span>件</p>
                                    </div>
                                </a>
                            </li>

                            <li>
                                <a href="">
                                    <div>
                                        <img src="./images/3d878650991f3fe5.jpg.webp" alt="">
                                        <p>1年最低价</p>
                                    </div>
                                    <div>
                                        <p class="rd1">梅花葱丝器厨房切葱丝切葱花</p>
                                        <p><i>￥</i><span>29.90</span></p>
                                        <p><span>已抢<i>111</i></span>件</p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 品牌闪购 -->
            <div class="j_lightning">
                <div class="ln_inner">
                    <div class="ln_hd">
                        <a href="">
                            <h3>每日特价</h3>
                            <span class="rd">></span>
                        </a>
                    </div>

                    <div class="ln_bd">
                        <ul>
                            <li>
                                <a href="">
                                    <img src="./images/1a059de799908811.jpg!q70.jpg.webp" alt="">
                                </a>
                            </li>
                            
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 发现好货 -->
    <div class="j_niceGoods">
        <div class="nice_goods con clearfix">
            <a href="">
                <img src="" alt="">
            </a>
            <div class="goods_lt">

            </div>
        </div>
    </div>

    <!-- 为你推荐 -->
    <div class="j_feeds">
        <div class="more con clearfix">
            <div class="foor">
                <h3>为你推荐</h3>
            </div>

            <div class="feed_tab clearfix">
                <ul>
                    <li>
                        <a href="javascript:void(0)">
                            <span class="sp rdrad">精选</span>
                            <span class="sp">猜你喜欢</span>
                            <div></div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span class="sp">智能先锋</span>
                            <span class="sp">大电器城</span>
                            <div></div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span class="sp">居家优品</span>
                            <span class="sp">品质生活</span>
                            <div></div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span class="sp">超市百货</span>
                            <span class="sp">时尚达人</span>
                            <div></div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span class="sp">时尚达人</span>
                            <span class="sp">美妆穿搭</span>
                            <div></div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span class="sp">进口好物</span>
                            <span class="sp">京东国际</span>
                            <div></div>
                        </a>
                    </li>
                </ul>
            </div>

            <!-- 商品列表 -->
            <div class="shangpin_lists clearfix">

            </div>
        </div>
    </div>

    <!-- 尾部布局 -->
    <div class="footer">
        <div class="foot con clearfix">
            <div>
                底部设置
            </div>
        </div>
    </div>  

    <img src="images/007c1ead4d1f44e3.jpg.webp" alt="">
</body>
<script>
    // var li = document.querySelector('.top_nav li:first-child a:first-child');
    // var li1= document.querySelector('.top_nav li:first-child a:last-child');
    // console.log(li);
    // li.onmouseover = function() {
    //     li.innerText = '欢迎回来';
    //     li1.innerText = '我亲爱的上帝';
    // }


</script>
</html>